<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>是美食 | 美食与爱stay forever!</title>
    <link rel="shortcut icon" href="images/flower.png">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/homepage.css">
    <link rel="stylesheet" href="css/main.css">
<!--    <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    <link rel="stylesheet" href="css/animations.css">
</head>
<body>
    <div id="wrapper">
    <!-- Navigation Panel -->
        <nav id="nav">
            <div class="container">
                <header class="header">
<!--                    <div class="logo_animate">-->
                    <a href="#" class="logo"><img src="images/flower.png" class="" alt="是美食"></a>
<!--                    </div>-->
                    <div class="primary">
                        <ul>
                            <li><a href="explore.html">探索</a></li>
                            <li><a href="login.html">我的</a></li>
                            <li><a href="https://gitee.com/eatricerice">关于</a></li>
                        </ul>
                    </div>
                    <a class="icon" id="nav-menu"><img src="images/menu_open.svg" class="rotate" style="width: 30px;height: 30px;" alt="open"></a>
                    <!-- <span>更多</span> -->
                </header>
                <div class="body">
                    <div class="middle">
                        <div class="middle_display">
                            <span>美食！是美食！！🍝</span>
                        </div>
                        <footer>
                            <button id="login" class="button animate__animated animate__bounceIn" style="color: black;background: white;outline: 1px solid rgb(69, 123, 39);outline-offset: 1px;">登陆</button>
                            <button id="register" class="button animate__animated animate__bounceIn">注册</button>
                        </footer>
                    </div>
                </div>
            </div>
            <!-- menu点击后展开页面 与container同级 -->
            <div class="overlay">
                <div class="container">
                    <header>
                        <a href="#" class="logo"><img src="images/flower.png" class="" alt="是美食"></a>
                        <a class="icon icon_close" id="menu_close"><img src="images/menu_close.png" style="width: 30px;height: 30px;" alt="close"></a>
                    </header>
                    <section class="body">
                        <div class="container middle">
                            <ul>
                                <li><a href="explore.html" style="text-decoration: none;">探索</a></li>
                                <li><a href="https://gitee.com/eatricerice" style="text-decoration: none;">我的</a></li>
                                <li><a href="details.html" style="text-decoration: none;">下厨</a></li>
                                <hr>
                                <li><a href="404.html" style="text-decoration: none;">礼品(开发中...)</a></li>
                                <li><a href="404.html" style="text-decoration: none;">俱乐部(开发中...)</a></li>
                                <li><a href="https://gitee.com/eatricerice/eatricerice" target="_blank" style="text-decoration: none;">关于是美食™</a></li>
                                <hr>
                                <li><a href="404.html" style="text-decoration: none;">帮助中心(开发中...)</a></li>
                            </ul>
                            <footer>
                                <div class="footer">
<!--                                    <a class="lang" href="javascript:void(window.location.pathname = &quot;/isnicefood/en.html&quot;)" target="_self">English</a>-->
                                    <a class="lang" href="en.html" target="_self">English</a>
                                    |
                                    <a class="lang" href="404.html" target="_self">隐私政策</a>
                                     |
                                    <a class="lang" href="404.html" target="_self">使用条款</a>
                                </div>
                            </footer>
                        </div>
                    </section>
                </div>
            </div>
        </nav>
    <!-- Page Content -->
        <section id="content">
            <!-- 轮播 -->
            <section class="slider">
                <div id="lunbo" class="lunboList">
                    <a href="https://zhuanlan.zhihu.com/p/434193714" target="_blank" class="current">
                        <img src="images/noddle.jpg"/>
                    </a>
                    <a href="https://baike.baidu.com/item/%E7%86%A8%E6%96%97%E7%B3%95/457558?fr=aladdin" target="_blank">
                        <img src="images/littlecake.jpg"/>
                    </a>
                    <a href="https://book.douban.com/subject/25831470/" target="_blank">
                        <img src="images/bingo.jpg"/>
                    </a>
                    <a href="https://v.qq.com/x/cover/mzc00200ps708z1.html" target="_blank">
                        <img src="images/fisher.jpg"/>
                    </a>
                </div>
            </section>
            <div class="slider_arrow animate__animated animate__bounceIn"><img src="images/arrow-down.png" height="80px" width="80px"/></div>
            <footer style="margin-top: 5px;font-weight: lighter;">
                <span style="float: left">&nbsp;&nbsp;&nbsp;© 2022 Copyright </span>
                <span style="float: right">Designed by <a target="" href="https://user.qzone.qq.com/87403565" style="text-decoration: none;color: gray;font-size: small;">hui~&nbsp;&nbsp;&nbsp;</a></span>
            </footer>
        </section>
    </div>
</body>
<script src="js/jquery-3.6.0.js"></script>
<script src="js/main.js"></script>
<script src="js/slider.js"></script>
<script src="js/menu.js"></script>
</html>